<template>
  <div>
    <h2>签到记录</h2>
    <el-list>
      <el-list-item v-for="record in records" :key="record">{{ record }}</el-list-item>
    </el-list>
  </div>
</template>

<script setup>
import { computed } from 'vue';
import { useUserStore } from '../stores/userStore';

const userStore = useUserStore();
const records = computed(() => userStore.getRecords());
</script>
